<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>

<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Mom's World - Thư viện ảnh</title>

<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/ico" href="Content/images/favicon.png" />

<link href="Content/css/vendor/bootstrap/bootstrap.min.css"
	rel="stylesheet">
<link
	href="Content/css/vendor/font-awesome-4.2.0/css/font-awesome.min.css"
	rel="stylesheet">
<link rel="stylesheet" href="Content/css/vendor/animate/animate.css">
<link rel="stylesheet" href="Content/css/vendor/bootstrap-checkbox.css">
<link rel="stylesheet"
	href="Content/css/vendor/ribbons/3d-corner-ribbons.css">
<link rel="stylesheet"
	href="Content/js/vendor/text-rotator/css/simpletextrotator.css">

<!-- Important Owl stylesheet -->
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.carousel.css">
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.theme.css">
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.transitions.css">

<link rel="stylesheet"
	href="Content/js/vendor/nivo-lightbox/css/nivo-lightbox.css">
<link rel="stylesheet"
	href="Content/js/vendor/nivo-lightbox/css/themes/default/default.css"
	type="text/css" />


<!-- CUSTOM STYLE -->
<link rel="stylesheet" href="Content/css/main.css">
<link rel="stylesheet" href="Content/css/minimal.min.css">

</head>

<body>







	<!-- Preloader -->
	<div class="mask">
		<div id="loader"></div>
	</div>
	<!--/Preloader -->





	<!-- BEGIN NAVBAR -->
	<div class="navbar navbar-fixed-top" role="navigation"
		data-0="line-height:80px; height:80px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);"
		data-300="line-height:40px; height:40px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);">

		<div class="container">






			<!-- Branding -->
			<div class="navbar-header">
				<a class="navbar-brand" href="index.html"
					data-0="padding-top:23px;padding-left: 55px;background-position: 0 16px;background-size: 44px 44px;font-size: 24px;height: 80px;"
					data-300="padding-top: 10px;padding-left: 40px;background-position: 0 7px;background-size: 34px 34px;font-size: 16px; height: 50px;">
					<strong>W</strong>ORLD <span class="subheading"
					data-0="font-size: 11px;line-height: 13px;"
					data-300="font-size: 9px;line-height: 8px;">Thế giới của mẹ</span>
				</a>
				<div class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<a href="index.html#"> <i class="fa fa-bars"></i>
					</a>
				</div>
			</div>
			<!-- Branding end -->







			<!--.navbar-collapse -->
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">

					<li><a href="index.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Trang
							chủ</a></li>

					<li class="dropdown" data-init="onHover"><a
						href="pre-pregnancy.html" class="dropdown-toggle"
						data-toggle="dropdown"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Làm
							mẹ</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="pre-pregnancy.html">Chuẩn bị mang thai</a></li>
							<li><a href="pregnancy.html">Mang thai</a></li>
							<li><a href="infants.html">Trẻ sơ sinh</a></li>
							<li><a href="parenting.html">Nuôi dạy trẻ</a></li>
						</ul></li>
					<li><a href="about.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Giới
							thiệu</a></li>
					<li class="active"><a href="contacts.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Liên
							hệ</a></li>
					<li><a href="advisory.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Tư
							vấn</a></li>

					<li class="login"><a href="login.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;"><i
							class="fa fa-lock"></i> Đăng nhập | Đăng kí</a></li>

					<li class="search"><input type="text" placeholder="&#61442;"
						data-0="margin-top:23px" data-300="margin-top:10px"></li>


				</ul>
			</div>
			<!--/.navbar-collapse -->

		</div>

	</div>
	<!-- END NAVBAR -->









	<!-- BEGIN BREADCRUMBS -->
	<div id="breadcrumbs" class="breadcrumbs bg-1">
		<div class="container">

			<ol class="breadcrumb">
				<li><a href="index.html">Trang chủ</a></li>
				<li class="active">Thư viện ảnh</li>
			</ol>

			<h2>
				<strong>Thư viện ảnh</strong>
			</h2>

		</div>
	</div>
	<!-- END BREADCRUMBS -->








	<!-- GALLERY -->
	<section class="section">
		<div class="container">

			<h3 class="uppercase no-top-margin">
				<strong>Thư viện ảnh</strong>
			</h3>

			<ul class="mix-filter">
				<li data-filter="all" class="filter active">Tất cả</li>
				<li data-filter=".category_1" class="filter">Mang thai</li>
				<li data-filter=".category_2" class="filter">Trẻ sơ sinh</li>
				<li data-filter=".category_3" class="filter">Trẻ em</li>
			</ul>

			<div class="row mix-grid" id="gallery">

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/1.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/1.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/2.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/2.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/3.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/3.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_3 mix_all">
					<a href="Content/images/gallery/4.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/4.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/5.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/5.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/6.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/6.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_3 mix_all">
					<a href="Content/images/gallery/7.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/7.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/8.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/8.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/9.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/9.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_3 mix_all">
					<a href="Content/images/gallery/10.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/10.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_3 mix_all">
					<a href="Content/images/gallery/11.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/11.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/12.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/12.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/13.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/13.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/14.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/14.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_3 mix_all">
					<a href="Content/images/gallery/15.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/15.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_3 mix_all">
					<a href="Content/images/gallery/16.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/16.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/17.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/17.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/18.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/18.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_2 mix_all">
					<a href="Content/images/gallery/19.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/19.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

				<div class="col-md-3 col-sm-4 gallery-img mix category_1 mix_all">
					<a href="Content/images/gallery/20.jpg" data-nivobox="true"
						data-lightbox-gallery="gallery1"> <img alt=""
						src="Content/images/gallery/20.jpg" class="img-responsive">
						<div class="overlay">
							<i class="fa fa-arrows-alt"></i>
						</div>
					</a>
				</div>

			</div>

		</div>
	</section>
	<!-- GALLERY -->











	<!-- FOOTER -->
	<footer id="footer">

		<div class="footer-main">
			<div class="container">
				<div class="row">

					<div class="col-md-4">

						<div class="widget widget-about">
							<img class="img-responsive" src="Content/images/slider/1.png"
								style="max-width: 80%;">
							<h1>
								<strong>Mom's </strong>World
							</h1>
						</div>



					</div>
					<div class="col-md-4">
						<div class="widget widget-photo-stream">
							<h4>
								Ảnh<strong> mới</strong>
							</h4>

							<div class="flickr-feed"></div>
							<a class="btn btn-green" href="Gallery.html">Xem thêm</a>

						</div>
					</div>

					<div class="col-md-4">

						<div class="widget widget-contact">
							<h4>
								<strong>Liên hệ</strong> với chúng tôi
							</h4>
							<address>
								<strong>Địa chỉ :</strong> FPT_University - Đà Nẵng<br> <strong>Điện
									thoại :</strong> +84 01655757445<br> <strong>Email:</strong> <a
									href="mailto:exc-group@gmail.com">exc-group@gmail.com</a><br>
							</address>
						</div>

						<div class="widget widget-social">
							<a href="index.html#"> <span class="overlay bg-cyan"></span>
								<i class="fa fa-twitter" style="padding-left: 10px;"></i>
							</a> <a href="index.html#"><span class="overlay bg-blue"></span><i
								class="fa fa-facebook" style="padding-left: 14px;"></i></a> <a
								href="index.html#"><span class="overlay bg-red"></span><i
								class="fa fa-google-plus" style="padding-left: 10px;"></i></a> <a
								href="index.html#"><span class="overlay"></span><i
								class="fa fa-flickr" style="padding-left: 10px;"></i></a> <a
								href="index.html#"><span class="overlay bg-hotpink"></span><i
								class="fa fa-dribbble" style="padding-left: 10px;"></i></a>
						</div>

						<div class="widget widget-newsletter">

							<h4>
								<strong>Nhận bản tin</strong>
							</h4>
							<p>Theo dõi bản tin của chúng tôi và luôn cập nhật các tin
								tức mới nhất !</p>

							<div class="input-group">
								<input type="text" class="form-control"
									placeholder="NHập địa chỉ email của bạn"> <span
									class="input-group-btn">
									<button class="btn btn-theme" type="button">Đăng kí</button>
								</span>
							</div>

						</div>

					</div>

				</div>
			</div>
		</div>

		<div class="footer-bottom">
			<div class="container">
				<div class="row">

					<div class="col-md-12 copyright">
						&copy; Copyright 2014 by <a href="index.html#">KhoaHN</a>. All
						Rights Reserved.
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- END FOOTER -->







	<!-- SCROLL TOP -->
	<div class="scroll-top">
		<a href="gallery.html#"> <i class="fa fa-angle-up"></i>
		</a>
	</div>
	<!-- END SCROLL TOP -->











	<script src="Content/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="Content/js/vendor/jquery/jquery.js"></script>

	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="Content/js/vendor/bootstrap/bootstrap.min.js"></script>

	<script src="Content/js/vendor/skrollr/skrollr.min.js"></script>

	<script
		src="Content/js/vendor/text-rotator/jquery.simple-text-rotator.js"></script>

	<script src="Content/js/vendor/owl-carousel/owl.carousel.min.js"></script>

	<script src="Content/js/vendor/nivo-lightbox/nivo-lightbox.min.js"></script>

	<script src="Content/js/vendor/tweet-js/jquery.tweet.min.js"></script>

	<script src="Content/js/vendor/vticker/jquery.vticker.min.js"></script>

	<script src="Content/js/vendor/jflickrfeed/jflickrfeed.min.js"></script>

	<script src="Content/js/vendor/appear/jquery.appear.js"></script>

	<script src="Content/js/vendor/parallax/jquery.parallax-1.1.3.js"></script>

	<script src="Content/js/vendor/mixitup/jquery.mixitup.js"></script>

	<script src="http://maps.google.com/maps/api/js?sensor=false"
		type="text/javascript"></script>

	<script src="Content/js/minimal.min.js"></script>

	<script>
		$(function() {
			// Instantiate MixItUp:

			$('#gallery').mixItUp();
		})
	</script>

</body>
</html>